<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>投诉举报管理</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/bean.css" />
    <link rel="stylesheet" type="text/css" href="../css/complaints.css" />
</head>

<body>
    <div class="guding .margin-bottom24">
        <nav class="navbar navbar-default g-nav">
            <span class="navbar-brand">全域旅游综合信息服务平台</span>
            <div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/html/home.html">首页</a></li>
                    <li>
                        <a href="/html/realTimeTraffic.html">智慧分析</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/realTimeTraffic.html">实时客流</a>
                            <a class="sub-nav-item" href="/html/touristPortrait.html">游客画像</a>
                        </div>
                    </li>
                    <li>
                        <a class="active" href="/html/demoareaSupervise.html">智慧监管</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/demoareaSupervise.html">示范区监管</a>
                            <a class="sub-nav-item" href="/html/scenicSpotList.html">视频监控</a>
                            <a class="sub-nav-item" href="/html/safetyWarning.html">安全预警</a>
                            <a class="sub-nav-item" href="/html/wisdomSupervise_guide.html">旅游产业数据</a>
                            <a class="sub-nav-item active" href="/html/complaints.html">投诉举报管理</a>
                        </div>
                    </li>
                    <li><a href="/html/resources.html">旅游资源</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <!--导航结束-->
    <div class="content">
        <ul class="e-box flex margin-bottom24">
            <li class="l-box margin-right20">
                <ul class="box-a">
                    <li class="box-a-a backgroundfff height360   border margin-bottom28 ">
                        <img class="img-3" src="../img/img3.png" />
                        <p>今日投诉5件</p>
                        <ul class="e-ul flex">
                            <li class="flex-li">
                                <span>本月投诉（件）</span>
                                <h2 class="color-1">15</h2>
                            </li>
                            <li class="i-li"></li>
                            <li class="flex-li">
                                <span>累计投诉（件）</span>
                                <h2 class="color-2">15</h2>
                            </li>
                            <li class="i-li"></li>
                            <li class="flex-li">
                                <span>累积投诉（件）</span>
                                <h2 class="color-3">15起</h2>
                            </li>
                        </ul>
                    </li>
                    <li class="box-a-b backgroundfff border">
                        <span class="title-b  padding-top22 padding-left29">投诉对象类型分布</span>
                        <div class="height407" id="echart1">
                        </div>
                    </li>
                </ul>
            </li>
            <li class="r-box">
                <div class="r-top-box backgroundfff border height540 margin-bottom20" id="scenicSpotButtons">
                    <span class="title-b  padding-top22 padding-left29 padding-right10">投诉举报明细列表</span>
                    <input type="button" class="inputstyle margin-right8" value="导游" />
                    <input type="button" class="inputstyle margin-right8 input-active" value="旅行社" />
                    <input type="button" class="inputstyle margin-right8" value="大巴" />
                    <input type="button" class="inputstyle margin-right8" value="从业人员" />
                    <input type="button" class="inputstyle absolute margin-right8" value="查看更多" />
                    <table class="complaint-box__table" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                            <th width="74">序号</th>
                            <th width="195">姓名</th>
                            <th width="154">导游证号</th>
                            <th width="363" class="align-left">投诉事由</th>
                            <th width="210">投诉时间</th>
                            <th width="auto">处理状态</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td width="74">1</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto" class="success">处理状态</td>
                            </tr>
                            <tr>
                                <td width="74">1</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto">处理状态</td>
                            </tr>
                            <tr>
                                <td width="74">2</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto" class="error">处理状态</td>
                            </tr>
                            <tr>
                                <td width="74">2</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto" class="error">处理状态</td>
                            </tr>
                            <tr>
                                <td width="74">2</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto" class="error">处理状态</td>
                            </tr>
                            <tr>
                                <td width="74">2</td>
                                <td width="195">旅行社</td>
                                <td width="154">法人姓名</td>
                                <td width="363" class="align-left">投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由投诉事由</td>
                                <td width="210">投诉事件</td>
                                <td width="auto" class="error">处理状态</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <ul class="r-bottom-box flex">
                    <li class="backgroundfff border margin-right24">
                        <span class="title-b  padding-top22 padding-left29">年度投诉事件频发城市TOP5</span>
                        <div class="height216" id="echart2">
                    </li>
                    <li class="backgroundfff border margin-right12">
                        <span class="title-b  padding-top22 padding-left29">红榜名单</span>
                        <table class="r-table">
                            <tr>
                                <td>1、秩序最佳景区</td>
                                <td>黄龙景区</td>
                            </tr>
                            <tr>
                                <td>2、优秀文明游客</td>
                                <td>陈万民</td>
                            </tr>
                            <tr>
                                <td>3、优秀导游</td>
                                <td>黄意</td>
                            </tr>
                            <tr>
                                <td>4、优秀旅行社</td>
                                <td>宜宾四海国际旅行社</td>
                            </tr>
                            <tr>
                                <td>5、优秀旅游工作人员</td>
                                <td>杨华群</td>
                            </tr>
                        </table>
                    </li>
                    <li class="backgroundfff border margin-left12">
                        <span class="title-b  padding-top22 padding-left29">黑榜名单</span>
                        <table class="r-table">
                            <tr>
                                <td>1、秩序最佳景区</td>
                                <td>黄龙景区</td>
                            </tr>
                            <tr>
                                <td>2、优秀文明游客</td>
                                <td>陈万民</td>
                            </tr>
                            <tr>
                                <td>3、优秀导游</td>
                                <td>黄意</td>
                            </tr>
                            <tr>
                                <td>4、优秀旅行社</td>
                                <td>宜宾四海国际旅行社</td>
                            </tr>
                            <tr>
                                <td>5、优秀旅游工作人员</td>
                                <td>杨华群</td>
                            </tr>
                        </table>
                    </li>
                </ul>
            </li>
        </ul>
        </div>
        <!--内容结束-->
        <script src="../js/jquery-2.1.0.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/echarts.min.js"></script>
        <script src="../js/lodash.js"></script>
        <script src="../js/echartsbox.js"></script>
        <script>
        getCharts('echart1', 'pie');
        getCharts('echart2', 'bar');

        </script>
</body>

</html>
